<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>注册</title>

	<link rel="stylesheet" href="../../../layui/css/layui.css">
	<link rel="stylesheet" href="../../../css/shouye/register.css">
	<script src="../../../js/jquery-3.6.0.js"></script>
</head>
<body>
<div class="layui-row" style="width: 500px;margin-left: 100px;margin-top: 200px">
	<form action="javascript:;" id="form-reg" class="layui-form layui-form-pane layui-col-xs11">
		<!-- 第一行-->
		<div class="layui-form-item layui-row header">
			<h1 class="layui-col-xs6 layui-col-xs-offset3">注册思云课堂账号</h1>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label"><i class="layui-icon layui-icon-username"></i></label>
			<div class="layui-input-block">
				<input type="text" name="username" lay-verify="username" class="layui-input"
					   placeholder="请输入用户名"/>
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label"><i class="layui-icon layui-icon-form"></i></label>
			<div class="layui-input-block">
				<input type="text" name="stu_id" id="stu_id" lay-verify="stu_id" class="layui-input"
					   placeholder="生成随机学号" autocomplete="off" />
				<div id="xh" onclick="generate()">点击生成学号</div>
			</div>
		</div>
		<!-- 第二行-->
		<div class="layui-form-item">
			<label class="layui-form-label">
				<i class="layui-icon layui-icon-cellphone"></i></label>
			<div class="layui-input-block">
				<input type="tel" name="phone" lay-verify="phone" class="layui-input"
					   placeholder="请输入11位手机号"/>
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">
				<i class="layui-icon layui-icon-survey"></i></label>
			<div class="layui-input-block">
				<input type="tel" name="idCard" lay-verify="idCard" class="layui-input"
					   placeholder="请输入18位身份证号"/>
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">
				<i class="layui-icon layui-icon-email"></i></label>
			<div class="layui-input-block">
				<input type="tel" name="email" lay-verify="userEmail" class="layui-input"
					   placeholder="请输入邮箱"/>
			</div>
		</div>
<!--		 第三行-->
<!--		<div class="layui-form-item">-->
<!--			<div class="layui-row">-->
<!--				<div class="layui-col-xs8">-->
<!--					<label class="layui-form-label"><i-->
<!--							class="layui-icon layui-icon-vercode"></i></label>-->
<!--					<div class="layui-input-block">-->
<!--						<input type="text" name="vercode" lay-verify="vercode" class="layui-input"-->
<!--							   placeholder="请输入验证码"/>-->
<!--					</div>-->
<!--				</div>-->
<!--				<div class="layui-col-xs2 layui-col-xs-offset1">-->
<!--					<button class="layui-btn huoqu">发送验证码</button>-->
<!--				</div>-->

<!--			</div>-->
<!--		</div>-->
		<!--                第四行-->
		<div class="layui-form-item">
			<label class="layui-form-label"><i
					class="layui-icon layui-icon-password"></i></label>
			<div class="layui-input-block">
				<input type="password" id="pwd1" name="password" lay-verify="password" class="layui-input"
					   placeholder="请输入密码"/>
			</div>
		</div>
		<!--                第五行-->
		<div class="layui-form-item">
			<label class="layui-form-label"><i
					class="layui-icon layui-icon-password"></i></label>
			<div class="layui-input-block">
				<input type="password" id="pwd2" lay-verify="password_twice" class="layui-input"
					   placeholder="请再次输入密码"/>
			</div>
		</div>

		<div class="layui-form-item">
			<input type="checkbox" id="key_service" lay-verify="check" name="" title="我已阅读并同意 <a style='color:#F5F5F5;'>《用户协议》</a><a style='color:#F5F5F5;'>《隐私政策》</a>"
				   lay-skin="primary">
		</div>
		<div class="layui-form-item layui-row ">
			<button class="layui-btn zhuce" lay-submit id="btn-reg">注册</button>
		</div>
		<div class="layui-form-item layui-row">
			<div class="layui-col-xs4 layui-col-xs-offset4">
				<span>已有账号。</span><a href="../../login.html" class="newlogin">直接登录</a>
			</div>
		</div>
	</form>
</div>
<script src="../../../layui/layui.js"></script>
<script src="../../../js/shouye/register.js"></script>


</body>
</html>